import * as React from 'react'
import {Link,RouteComponentProps,} from 'react-router-dom'
import style from './style.less'
import logo_big from '../../assets/imgs/logo_big.png'

export default class Home extends React.Component<RouteComponentProps>{
  render() {
    return (
      <>
        <div className={style.homeMain}>
          <img className={style.logo_big} src={logo_big} />
          <h1 className={style.title}>时间胶囊</h1>
          <div className={style.action}>
            <Link className={style.put} to="/put">
              <span>Put</span>添加
            </Link>
            <Link className={style.open} to="/open">
              <span>Open</span>打开
            </Link>
          </div>
          <div className={style.homeFooter}>
            <Link to="#">什么是时间胶囊？</Link>
            <Link to="#">回胶囊日记</Link>
          </div>
        </div>
      </>
    )
  }
}
